<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>内容区域-content</title>
		<style type="text/css">
			.wrap {
				margin: 100px auto;
				width: 800px;
				height: 500px;
				background-color: #EEEEEE;
			}
			.box {
				width: 200px;
				/* height: 200px; */
				background-color: #ccc;
				
				
			}
			p {
				width: 100%;
				word-wrap: break-word;
			}
		</style>
	</head>
	<body>
		<!-- 内容区域-content
			overflow: hidden; 溢出隐藏
			overflow: auto;   溢出增加滚动条
			overflow: scroll;  都有滚动条
		 -->
		 <div class="wrap">
			 <div class="box">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed ipsa laudantium similique ab distinctio quo temporibus quis ad ratione aperiam praesentium suscipit natus tenetur numquam itaque optio porro explicabo labore!
			 </div>
		 </div>
	</body>
</html>
